<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATES_PATH;?>/css/brand.css"/>	
<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATES_PATH;?>/css/view.css"/>	
<script type="text/javascript" src="<?php echo TEMPLATES_PATH;?>/js/brand.js"></script>
<header class="layout head padding-small">
    <a href="javascript:back(true);" class="hBack float-left"></a>
    <h4 class="hTxt float-left text-center text-white"><?php echo $output['brand_info']['brand_name']?></h4>
    <a href="javascript:;" id="btnJdkey" class="hHlep float-right"></a>
</header>

<div class="bd_fav <?php echo in_array($_SESSION['member_id'],$output['m_id'])?'bd_fav_hover':''?>" id="brand_fav" data-brand_id="<?php echo $output['brand_info']['brand_id']?>"></div>
<div class="bd_ban">
	<img src="<?php echo SiteUrl.DS.ATTACH_BRAND.DS.$output['brand_info']['brand_store_id'].DS.$output['brand_info']['brand_detail_banner']?>" onerror="this.src='<?php echo TEMPLATES_PATH.DS.'images/html5/default.png'?>'">
</div>

<img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/21.jpg" style=" max-width:100%;">
<div class="img-sild" style="position:relative;height:123px; width:100%">
    <div ontouchstart="touchStart(event)" ontouchmove="touchMove(event,'slide');" ontouchend="touchEnd(event,'slide');">
        <div class="tbl-type" style="position:absolute;height:123px;margin-left:0px" id="slide">
            <?php 
                if(!empty($output['cous_hm_arr']) && is_array($output['cous_hm_arr'])){
                foreach($output['cous_hm_arr'] as $k=>$item){
            ?>
            <a class="tbl-cell" id="c_hm_<?php echo $k?>" href="javascript:void(0);" onclick="showdedia('<?php echo $item['mvUrl']?>.f4v')">
                <div class="pro-img">
                    <span class="img"><img src="<?php echo $item['imgUrl'];?>.jpg" width="220" height="123"></span>
                </div>
            </a>
            <?php }?>
            <?php }?>
        </div>
    </div>
</div>

<img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/22.jpg" style=" max-width:100%;">
<div class="img-sild" style="position:relative;height:123px; width:100%">
    <div ontouchstart="touchStart(event)" ontouchmove="touchMove(event,'slide_two');" ontouchend="touchEnd(event,'slide_two');">
        <div class="tbl-type" style="position:absolute;height:123px;margin-left:0px" id="slide_two">
            <?php 
                if(!empty($output['cous_ys_arr']) && is_array($output['cous_ys_arr'])){
                foreach($output['cous_ys_arr'] as $k=>$item){
            ?>
            <a class="tbl-cell" id="c_ys_<?php echo $k?>" href="javascript:void(0);" onclick="showdedia('<?php echo $item['mvUrl']?>.f4v')">
                <div class="pro-img">
                    <span class="img"><img src="<?php echo $item['imgUrl'];?>.jpg" width="220" height="123"></span>
                </div>
            </a>
            <?php }?>
            <?php }?>
        </div>
    </div>
</div>

<img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/23.jpg" style=" max-width:100%;">
<div class="img-sild" style="position:relative;height:123px; width:100%">
    <div ontouchstart="touchStart(event)" ontouchmove="touchMove(event,'slide_three');" ontouchend="touchEnd(event,'slide_three');">
        <div class="tbl-type" style="position:absolute;height:123px;margin-left:0px" id="slide_three">
            <?php 
                if(!empty($output['boss_arr']) && is_array($output['boss_arr'])){
                foreach($output['boss_arr'] as $k=>$item){
            ?>
            <a class="tbl-cell" id="b_<?php echo $k?>" href="javascript:void(0);" onclick="showdedia('<?php echo $item['mvUrl']?>.f4v')">
                <div class="pro-img">
                    <span class="img"><img src="<?php echo $item['imgUrl'];?>.jpg" width="220" height="123"></span>
                </div>
            </a>
            <?php }?>
            <?php }?>
        </div>
    </div>
</div>


<div class="bd_detail" style="padding:0;">
	<img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/1.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/2.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/3.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/4.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/5.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/6.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/7.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/8.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/9.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/10.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/11.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/12.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/13.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/14.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/15.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/16.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/17.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/18.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/19.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/20.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/deximages/24.jpg">
</div>

<script src="<?php echo SiteUrl;?>/resource/js/appjs.js" data-main="main.js"></script>
<script type="text/javascript" src="<?php echo SiteUrl;?>/resource/js/jquery-ui/jquery.ui.js"></script>
<script type="text/javascript" src="<?php echo SiteUrl;?>/resource/ckplayer/ckplayer.js" charset="utf-8"></script>

<script type="text/javascript">
	function loadedHandler(){
		<?php foreach($output['cous_hm_arr'] as $k=>$v){?>
	   CKobject.getObjectById('c_hm_<?php echo $k;?>').addListener('play',function(){});
	   <?php }?>
	   <?php foreach($output['cous_ys_arr'] as $k=>$v){?>
	   CKobject.getObjectById('c_ys_<?php echo $k;?>').addListener('play',function(){});
	   <?php }?>
	   <?php foreach($output['boss_arr'] as $k=>$v){?>
	   CKobject.getObjectById('b_<?php echo $k;?>').addListener('play',function(){});
	   <?php }?>
	}
	function showdedia(media)
	{
		 AppJs.dlgbox.open({dlgTitleText:'黛尔熙视频观看',dlgWidth:340,dlgHeight:220});
		 var flashvars={p:1,e:1,b:0};
		 var params={allowfullscreen : "true",allowScriptAccess:'always'};
		 var video=[media+'->video/mp4'];
		 var support=['all'];
		 CKobject.embedHTML5('dlg-content-bar','ckplayer_a1',340,190,video,flashvars,support,params);
	}
</script>